<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Awesome-pyecharts</title>
            <script type="text/javascript" src="https://assets.pyecharts.org/assets/echarts.min.js"></script>

</head>
<body>
    <div id="aa928e66e07d4126982a258562ed41b2" style="width:900px; height:500px;"></div>
    <script>
        var chart_aa928e66e07d4126982a258562ed41b2 = echarts.init(
            document.getElementById('aa928e66e07d4126982a258562ed41b2'), 'white', {renderer: 'canvas'});
        var option_aa928e66e07d4126982a258562ed41b2 = {
    "baseOption": {
        "series": [
            {
                "type": "pie",
                "clockwise": true,
                "data": [
                    {
                        "name": "\u5176\u4ed6",
                        "value": 23
                    },
                    {
                        "name": "\u8bed\u6570\u82f1",
                        "value": 20
                    }
                ],
                "radius": [
                    "0%",
                    "75%"
                ],
                "center": [
                    "50%",
                    "50%"
                ],
                "label": {
                    "show": true,
                    "position": "top",
                    "margin": 8,
                    "formatter": "{b}:{d}%"
                },
                "rippleEffect": {
                    "show": true,
                    "brushType": "stroke",
                    "scale": 2.5,
                    "period": 4
                }
            }
        ],
        "timeline": {
            "axisType": "category",
            "orient": "horizontal",
            "autoPlay": false,
            "loop": true,
            "rewind": false,
            "show": true,
            "inverse": false,
            "bottom": "-5px",
            "data": [
                "\u4e00\u5e74\u7ea7",
                "\u4e8c\u5e74\u7ea7",
                "\u4e09\u5e74\u7ea7",
                "\u56db\u5e74\u7ea7",
                "\u4e94\u5e74\u7ea7",
                "\u516d\u5e74\u7ea7",
                "\u4e03\u5e74\u7ea7",
                "\u516b\u5e74\u7ea7"
            ]
        }
    },
    "options": [
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 72
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 108
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u4e00\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 60
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 90
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u4e8c\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 48
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 72
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u4e09\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 64
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 72
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u56db\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 12
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 27
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u4e94\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 18
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 20
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u516d\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 21
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 19
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u4e03\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        },
        {
            "legend": [
                {
                    "data": [
                        "\u5176\u4ed6",
                        "\u8bed\u6570\u82f1"
                    ],
                    "selected": {},
                    "show": true
                }
            ],
            "series": [
                {
                    "data": [
                        {
                            "name": "\u5176\u4ed6",
                            "value": 23
                        },
                        {
                            "name": "\u8bed\u6570\u82f1",
                            "value": 20
                        }
                    ]
                }
            ],
            "title": [
                {
                    "text": "\u516b\u5e74\u7ea7\u79d1\u76ee\u5360\u6bd4"
                }
            ],
            "tooltip": {
                "show": true,
                "trigger": "item",
                "triggerOn": "mousemove|click",
                "axisPointer": {
                    "type": "line"
                },
                "textStyle": {
                    "fontSize": 14
                },
                "borderWidth": 0
            }
        }
    ]
};
        chart_aa928e66e07d4126982a258562ed41b2.setOption(option_aa928e66e07d4126982a258562ed41b2);
    </script>
</body>
</html>
